
#historySlideBigBox{
 	height: 100%;
 	overflow: hidden;
 	padding-top: 90px;
 	box-sizing:border-box;
 	position: relative;
}

#historySearch{
	width:100%;
	position: absolute;
	top:0px;
}

#searchhistory{
	margin:0;
	margin-top:15px;
	display:block;
	width:300px;
	margin-left:auto;
	margin-right:auto;
}
.historyItem{
	width:300px;
	height:24px;
	margin-left: 24px;
	margin-right: auto;
	margin-bottom: 16px;
	padding:5px;
	border-radius: 5px;
	color:rgb(132, 132, 132);
}
.historyItem:hover{
	background-color:rgba(245, 240, 246, 1);
	color:rgb(214,16,219);
}
.historyIcon{
	width:16px;
	height:16px;
	float: left;
	margin-top: 5px;
}

.historyName{
	float: left;
	width: 230px;
	margin-left: 20px;
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis;
	font-size: 14px;
	cursor: pointer;
	padding-top: 15px;
	height: 30px;
	margin-top: -12px;
}

.historyDelete{
	width:30px;
	height:30px;
	float: right;
	background-image: url(../../img/remove.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position:center;
	border-radius: 30px;
	margin-top: -3px;
	cursor: pointer;
	display: none;
	background-color: transparent;
}
.historyDelete:hover{
	background-color: #fff;
}
.historyDelete:active{
	-webkit-filter:brightness(1.2);
	background-color: transparent;
}

#clearAllHistory{
	margin-left: 36px;
	margin-top: 12px;
	color:#E74C3C;
	cursor: pointer;
	font-size: 12px;
}

#clearAllHistory:hover{
	color:#C0392B;
}
#clearAllHistory:active{
	color:#E74C3C;
}



#historyContain{
	height:100%;
	overflow-x:hidden;
	overflow-y:scroll;
	box-sizing:border-box;
}
